<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/config.css">
		<style>
			body{
				background: #333333;
				color: #fff;
			}
			@media screen and (max-width: 800px) {
				.masonry {
					column-count: 2; // two columns on larger phones
				}
			}

			@media screen and (max-width: 500px) {
				.masonry {
					column-count: 1; // two columns on larger phones
				}
			}
			.head {
				width: 100vw;
				height: 6vh;
				float: left;
				background: #000000;
				font-size: 6vw;
				line-height: 6vh;
				text-align: center;
				box-shadow:inset 0 0 10px #0f0;
				border: #007AFF 1px solid;
				position: fixed;
				top: 0;
				color: #007AFF;
				z-index: 99;

			}
			.image {
				margin-top:6vh;
				position: absolute;
			}
			.image img{
				
				width: 94vw;
				height: 30vh;
				margin: 3vw;
				border: #fff 1vw solid;
				border-radius: 3vw;
			}
			.content{
				text-align: center;
				overflow: auto;
				height: 50vh;
				width: 94vw;
				margin:0 3vw;
				border-radius: 2vw;
				background: #FFFFFF;
				color: #000000;
				padding: 2vw;
				margin-top: 40vh;
				position: absolute;
			}
			.title{
				font-size: 5vw;
			}
			.message{
				
				text-indent: 2em;
				text-align: left;
				margin-top: 2vw;
				color: #8F8F94;
				font-size: 4vw;
			}
			.floot{
				z-index: 999;
				flex: auto;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100vw;
				height: 12vw;
				background: #000;
				border-top: #FFFFFF 1px solid;
			}
			.floot li{
				text-align: center;
				list-style-type: none;
				-moz-box-sizing: border-box;
				border: #323232 1px solid;
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav" style="background-color: #000000; ">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title" style="color: #FFFFFF;">关于我们</h1>
		</header>

		<div class="image" id="">
			<img id="img" src="../../images/app.png" onclick="back()" onload="" onerror="imgError()" />
		</div>
		<div class="content">
			<div id="title" class="title">图像识别</div>
			<div class="message">
				图像识别APP是依托百度AI服务平台的数据接口服务并使用Java语言为基础设计而成的关于针对物品的识别并搜索信息且集分享信息为一体的一款基于安卓平台的应用APP。利用百度在线网络技术公司提供给开发者们的大数据分析接口来实现数据的可靠性，并且采用目前国际上流行的标准建模语言UML作为标准，对该APP的功能需求作了详细的分析，也采用目前最为流行的开发语言java、html5等来进行实现，阐述了APP的基本开发步骤。
				<p>联系邮箱：2575603672@qq.com</p></div>
		</div>
		<div class="floot">
			<div class="mui-row">
				<div class="mui-col-sm-12 mui-col-xs-12">
					<li class="mui-table-view-cell recog" id="back">
						<span>
							确认
						</span>
					</li>
				</div>
			</div>
		</div>
	</body>
	<script src="../../js/mui.js"></script>
	<script src="../../js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript">
		mui.plusReady(function() {
			var back = document.getElementById("back");
			back.addEventListener('click', function() {
				plus.webview.getWebviewById("my_guanyu").close();
			})
		});
	</script>
</html>
